<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>租号平台管理登录</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="./static/css/font.css">
  <link rel="stylesheet" href="./static/css/weadmin.css">
  <script src="./lib/layui/layui.js" charset="utf-8"></script>

</head>

<body class="login-bg">

  <div class="login" id="app">
    <div class="message">租号平台管理登录</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form">
      <input name="username" v-model="name" placeholder="用户名" type="text" class="layui-input">
      <hr class="hr15">
      <input name="password" v-model="pwd" placeholder="密码" type="password" class="layui-input">
      <hr class="hr15">
      <input class="loginin" value="登录" style="width:100%;" type="button" @click="login">
      <hr class="hr20">
      <div>
        <!-- 前端静态展示，mock数据接口只校验用户名为admin或者hello。密码请随意输入，即可登录。 -->
      </div>
    </form>
  </div>
  <script src="lib/vue.min.js"></script>
  <script src="lib/jquery-3.4.1.min.js"></script>
  <script src="lib/app.js"></script>
  <script type="text/javascript">
    var vm = new Vue({
      el: "#app",
      data: {
        name: "",
        pwd: "",
      },
      methods: {
        login: function () {
          if (this.name == "") {
            layer.msg('请输入账号', { icon: 1 });
            return
          }
          if (this.pwd == "") {
            layer.msg('请输入密码', { icon: 1 });
            return
          }
          $.ajax({
            url: app.webUrl + "/Admin/log",
            type: 'post',
            data: {
              name: this.name,
              pwd: this.pwd
            },
            success: function (ret) {
              if (ret.status == 1) {
                var login = localStorage.getItem('login');
                $('.loginout').click(function () {
                  login = 0;
                  localStorage.setItem('login', login);
                });
                $('.loginin').click(function () {
                  login = 1;
                  localStorage.setItem('login', login);
                });
                localStorage.setItem('username', "admin")
                window.location.href = "index.html"

              } else {
                layer.msg('登录失败', {
                  icon: 0
                });
              }
            }
          });
        },
      },
      mounted: function () {
      },


    })

    layui.extend({
      admin: '{/}./static/js/admin'
    });
    layui.config({
      base: './static/js/'
      , version: '101100'
    }).extend({ //设定模块别名
      admin: 'admin'
      , http: 'http'
    });
    layui.use(['form', 'admin', 'http'], function () {
      var form = layui.form
        , admin = layui.admin
        , http = layui.http;
      //监听提交
      form.on('submit(login)', function (data) {
        // alert(888)
        http.login(data.field)
        return false;
      });
    });   
  </script>
  <!-- 底部结束 -->
</body>

</html>